<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no" /> 
<title>{$Img.name}--菜品列表</title>
<link href="__CSS_USER_PATH__/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="__JS_PATH__/jquery-1.8.3-all.js"></script>
    <script type="text/javascript" src="__JS_PATH__/alert/jquery.alerts.js"></script>
    <script type="text/javascript" src="__JS_PATH__/alert/jquery.ui.draggable.js"></script>
    <link href="__JS_PATH__/alert/jquery.alerts.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript">
        $(function(){
            $('#checkOut').click(function(){
                    $.post(
                            'index.php?g=User&m=Index&a=checkOut',
                            {
                                'test':'test'
                            },
                            function(data){
                             if(data==1){
                                 jConfirm('确认要结账么？', 'wifi管家提示您', function(r) {
                                     if(r){
                                         $.post(
                                                 'index.php?g=User&m=Index&a=checkOut',
                                                 {},
                                                 function(d){
                                                     if(d==1){
                                                         jAlert('请等待管理员，前来结账', 'wifi管家提示您');
                                                     }else{
                                                         jAlert('结账失败，请联系服务人员', 'wifi管家提示您');
                                                     }
                                                 }
                                         )
                                     }
                                 });

                            }else if(data==3){
                                 jAlert('您还没有下订单，请先下订单', 'wifi管家提示您');
                            }else if(data==4){
                                 jAlert('您还没有点菜，请点菜', 'wifi管家提示您');
                            }else if(data==6){
                                 jAlert('您已经点击了结账', 'wifi管家提示您');
                            } else if(data==7){
                                 jAlert('请等待管理员处理菜单', 'wifi管家提示您');
                                }

                            }
                    )

                });

        });
    </script>
    <style type="text/css">
        <!--
        * {
            margin:0;
            padding:0;
        }
        body {line-height: 1;}
        ol, ul {list-style: none;}
        img { border:none;}
        a{ text-decoration:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}
        #p_tou {
            width:98%;
            border-bottom:1px solid #ccc;
            line-height:30px;
            margin:5px auto 0;
            font-size:110%;
        }
        #p_tou span {
            display:block;
        }
        #p_tou .t_left {
            float:left;
        }
        #p_tou .t_right {
            float:right;
        }
        .caipin_list {
            width:100%;
        }
        .caipin_list  ul {
            width:100%;
        }
        .caipin_list  ul li {
            width:28%;
            float:left;
            position:relative;
            list-style:none;
            display:inline;
            margin:20px 0 0 4%;
        }
        .caipin_list  ul li img {
            width:100%;
        }
        .caipin_list  ul li h2 {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
            bottom: 0;
            color: #FFFFFF;
            font-size: 110%;
            height: 30px;
            line-height: 30px;
            position: absolute;
            width: 100%;
        }

        -->
    </style>
</head>

<body>
    <div id="pad_left">
        <div class="left_bg"><img src="__IMG_USER_PATH__/left_bg.png" /></div>
        <div class="ly_logo"><img src="{$Img.logo}" /></div>
        <div class="left_nav">
            <ul>
                <li><a target='_self' href="{:U(GROUP_NAME.'/Index/myMuenList')}" ><img src="__IMG_USER_PATH__/tb1.png" />我的菜单（<if condition="!isset($num)"><span id="menuNum">0</span></if><span id="menuNum">{$num}</span>份）</a></li>
                <li><a target='_self' href="{:U(GROUP_NAME.'/Index/newGreens')}" ><img src="__IMG_USER_PATH__/tb2.png" />新加菜品（10份）</a></li>
                <li><a  id="checkOut" ><img  src="__IMG_USER_PATH__/tb3.png" />结账</a></li>
            </ul>
        </div>
    </div>
    <div id="pad_right">
        <div id=con>
            
            <ul id=tags>
            <volist name='list' id='m'>
                <if condition='$i eq 1'>
                  <li class=selectTag><a onClick="selectTag('tagContent{$i-1}',this)" target='_self' href="{:U(GROUP_NAME.'/Index/menuList',array('menuid'=>$m['id']))}">{$m.name}</a></li>
                  <else />
                  <li><a onClick="selectTag('tagContent{$i-1}',this)" target='_self' href="{:U(GROUP_NAME.'/Index/menuList',array('menuid'=>$m['id']))}">{$m.name}</a></li>
                </if>
              </volist>
            </ul>
            <div id=tagContent>
                <div class="tagContent selectTag" >
                    <p id="p_tou">
                        <span class="t_left">当前：{$listName}>>菜品列表</span>
                        <span class="t_right">用户:{$Think.cookie.uname}&nbsp;&nbsp;&nbsp;&nbsp;桌号：{$Think.cookie.tabNum}</span>
                        <span style="clear:both"></span>
                    </p>    <div class="caipin_list">
                    <ul>
                        <foreach name='re' item='v' >
                            <li><a href="{:U(GROUP_NAME.'/Index/greensList',array('id'=>$v['id'],'listName'=>$listName))}"><img src="{$v.img}" /><h2>{$v.name}</h2></a></li>
                        </foreach>
                    </ul>
                </div>

                </div>

            </DIV>
        </div>
        
         <SCRIPT type=text/javascript>
        function selectTag(showContent,selfObj){
            // 操作标签
            var tag = document.getElementById("tags").getElementsByTagName("li");
            var taglength = tag.length;
            for(i=0; i<taglength; i++){
                tag[i].className = "";
            }
            selfObj.parentNode.className = "selectTag";
            // 操作内容
        }

        </SCRIPT>
    </div>
    <div id="ly_foot">
        <ul>
            <li><a href="{:U(GROUP_NAME.'/Index/menu')}" target="_self"><img src="__IMG_USER_PATH__/tb4.png" />菜单</a></li>
            <li><a href="{:U(GROUP_NAME.'/Index/hotMenu')}" target='_self'><img src="__IMG_USER_PATH__/tb5.png" />热门</a></li>
            <li><a href="{:U(GROUP_NAME.'/Index/tuijian')}" target='_self'><img src="__IMG_USER_PATH__/tb6.png" />推荐</a></li>
            <li><a href="{:U(GROUP_NAME.'/Index/myMuenList')}" target='_self' ><img src="__IMG_USER_PATH__/tb7.png" />已点</a></li>
            <li><a href="javascript:history.go(-1);"><img id='black' src="__IMG_USER_PATH__/tb8.png" />返回</a></li>
        </ul>
    </div>
</body>
</html>
